<template>
	<view class="review">
		<watermark></watermark>
		<!-- <view class="text-center" @click="toggle('top')">
			<text class="uni-nav-bar-text mgn-r-10">佛山仓库</text>
			<uni-icons type="arrowdown" color="#666" size="18" />
		</view> -->
		<scroll-view scroll-y @scrolltolower="getMore">
			<view class="goods  zyjz f26 cl343 flex-start-c " v-for="(item,int) in items" :key="int">
				<image :src="item.img" mode="widthFix"></image>
				<view class="mgn-l-20" style="width:68%">
					<view class="omit1">
						{{item.goods_name}}
					</view>
					<view class="f24 mgn-t-30 mgn-b-40">{{item.num}}</view>
					<view class="f24 clAAA">借时间：{{item.borrows_time}}</view>
				</view>
			</view>
		</scroll-view>
		<!-- <uni-popup ref="popup" background-color="#fff" @change="change">
			<view class="text-center">
				<view class="pad-t-20 pad-b-20">佛山仓库</view>
				<view class="pad-t-20 pad-b-20">佛山仓库</view>
				<view class="pad-t-20 pad-b-20">佛山仓库</view>
				<view class="pad-t-20 pad-b-20">佛山仓库</view>
			</view>

		</uni-popup> -->
	</view>
</template>

<script>
	import watermark from '@/components/watermark.vue'
	import mixins from '@/mixins/index.js'
	export default {
		mixins: [mixins],
		components: {
			watermark
		},
		data() {
			return {
				id: '',
				lists_url: 'borrows_goods',
				param: {
					page: 1,
					size: 20,
				},
				items: ''
			}
		},
		onLoad(e) {
			if (e && e.id) {
				this.id = e.id
				this.param.orders_id = e.id
				this.get_lists();
			}
			// uni.setNavigationBarTitle({
			// 	title: '个人中心1'
			// });
		},
		methods: {
			toggle(type) {
				this.popupType = type
				this.$refs.popup.open(type)
			},
		}
	}
</script>

<style lang="less">
	.review {

		.goods {
			position: relative;
			padding: 20rpx 0;
			margin: 0 20rpx;
			border-bottom: 1px solid #f7f7f7;

			.out {
				position: absolute;
				top: 20rpx;
				left: 0rpx;

				image {
					width: 48rpx;
					height: 48rpx;
				}

				text {
					position: absolute;
					top: 10rpx;
					left: 5rpx;
				}
			}

			image {
				width: 200rpx;
				height: 150rpx;
			}

			.clff0 {
				color: #FF0000;
			}
		}

	}
</style>